var pic = {
	index : 0,
	time : null,
	speed : 2500,
	startAnimation : function() {
		pic.time = setInterval(function() {
			$(".pic-1 ul li:eq(" + pic.index + ")").fadeOut();
			$(".pic-2 ul li").removeClass("show");
			$(".pic-3 p:eq(" + pic.index + ")").fadeOut();
			pic.index = pic.index >= $(".pic-1 li").length ? 0 : pic.index + 1;
			$(".pic-1 ul li:eq(" + pic.index + ")").fadeIn();
			$(".pic-2 ul li:eq(" + pic.index + ")").addClass("show");
			$(".pic-3 p:eq(" + pic.index + ")").fadeIn();
		}, pic.speed);
	},
	stopAnimation : function() {
		clearInterval(pic.time);
	},
	slide : function(index) {
		$(".pic-1 ul li:eq(" + pic.index + ")").fadeOut();
		$(".pic-2 ul li").removeClass("show");
		$(".pic-3 p:eq(" + pic.index + ")").fadeOut();
		pic.index = index;
		$(".pic-1 ul li:eq(" + pic.index + ")").fadeIn();
		$(".pic-2 ul li:eq(" + pic.index + ")").addClass("show");
		$(".pic-3 p:eq(" + pic.index + ")").fadeIn();
	}
};
$(document).ready(function() {
	pic.startAnimation();
	$(".pic").mouseover(function() {
		pic.stopAnimation();
	});
	$(".pic").mouseout(function() {
		pic.startAnimation();
	});
	$(".pic-2 ul li").click(function() {
		var index = $(this).index();
		pic.slide(index);
	});
});